<template>
  <div>
      <h1>Hello, App!</h1>
       <div>
           新增内容
       </div>
  </div>
 
</template>

<script>
//es 2015模块  export 导出,es5 不支持
//es 2015模块，也是模块引入方式, node (amd 模块引入) 调用者使用  require去引入文件，被暴露的文件 module.exports 去暴露里面的方法于属性
//export default  使用者 import 去导入文件，暴露者使用 export 去暴露，export default 一个文件只能使用一次 export 可以使用多次
//但是还没办法使用---webpack 或者  Browserify 可以把 es6的语法解析成es5 而且解析依赖关系
//需要在脚手架中使用 
import demo from "./demo.vue";//引入其它组件
export default Vue.extend({
    name: "app", //名称 最好跟文件一致
    data(){
        return {}
    },
    components:{
        demo:demo
    }
})

//Vue.extend() 可以省略
// export {name}
// export {data} 可以反复使用
</script>

<style scoped>

</style>>

//scoped 表示啥? 这个 css 只作用在当前区域